He leído que es necesario agregar htmlFor para corregir este error, pero incluso con este fragmento de código, ESlint me da un error. ¿Cómo puedo arreglar esto?
<input readOnly type="radio" name="slider-2" id="s1-2" checked /> <input readOnly type="radio" name="slider-2" id="s2-2" /> <input readOnly type="radio" name="slider-2" id="s3-2" /> <label type="text" htmlFor="s1-2" id="slide1-2"> <div className="slider-image"> <img src={SecendQadroFirst} alt="qadro" /> </div> </label> <label htmlFor="s2-2" id="slide2-2"> <div className="slider-image"> <img src={SecendQadroSecend} alt="qadro" /> </div> </label> <label htmlFor="s3-2" id="slide3-2"> <div className="slider-image"> <img src={SecendQadroThird} alt="qadro" /> </div> </label>El atributo que desea en el elemento <label> es simplemente for y el valor debe ser el id del elemento <input> con el que está asociado. La entrada debe estar después de la etiqueta de cierre </label>
<label type="text" for="s1-2" id="slide1-2"> <div className="slider-image"> <img src={SecendQadroFirst} alt="qadro"> </div> </label> <input readOnly type="radio" name="slider-2" id="s1-2" checked> <label for="s2-2" id="slide2-2"> <div className="slider-image"> <img src={SecendQadroSecend} alt="qadro"> </div> </label> <input readOnly type="radio" name="slider-2" id="s2-2"> <label for="s3-2" id="slide3-2"> <div className="slider-image"> <img src={SecendQadroThird} alt="qadro"> </div> </label> <input readOnly type="radio" name="slider-2" id="s3-2">Simplemente escribe for en lugar de htmlFor .